<template>
  <div>
    <el-row :gutter="10">
      <el-col :span="12">
        <div class="empower">
          <div class="title">工单执行前是否需要获取授权</div>
          <el-select v-model="value.is_auth">
            <el-option v-for="(item, index) in isAuth" :key="index" :value="index" :label="item" />
          </el-select>
        </div>
      </el-col>
    </el-row>
    <el-row :gutter="10">
      <el-col :span="12">
        <wangeditor id="guide" v-model="value.guide" />
      </el-col>
      <el-col :span="12">
        <wangeditor id="behavior" v-model="value.behavior" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import wangeditor from '@/components/editor/wangeditor'
import { isAuth } from '@/utils/options'
export default {
  name: 'Safety',
  components: { wangeditor },
  props: {
    value: {
      type: Object,
      default() {
        return {
          is_auth: 0,
          guide: '',
          behavior: ''
        }
      }
    }
  },
  data() {
    return {
      isAuth
    }
  },
  watch: {
    value(newVal) {
      this.$emit('input', newVal)
    }
  },
  created() {
    console.log(this.data, 22222222222)
  }
}
</script>

<style>
.empower,.empower .title{margin-bottom:10px;}
</style>
